<style>
    body{
        background: white;
        overflow: hidden;
    }
    .btn-group{
        position: relative;
        vertical-align: middle;
        line-height: 32px;
    }
    .btn-group .btn{
        margin-right: 6px;
    }
    .btn-group .cs-select{
        margin-right: 8px;
        font-size: 90%;
        vertical-align: middle;
        text-align: center;
    }
    .btn-group section{
        float: left;
        margin-bottom: 4px;
    }

    .ebill-toolbar{
        background: #fdfdfd;
        padding: 8px;
        border-bottom: 1px solid #efefef;
    }
    .ebill-list{
        height: calc(100vh - 76px)!important;
        overflow: auto;
        border: 1px solid #e9e9e9;
    }
    .ebill-toolbar .btn-group .btn-sm{
        padding: 7px 12px;
    }
    .empty-hint{
        width: 100%;
        height: 34px;
        text-align: center;
        position: absolute;
        text-align: center;
        top:calc(50vh - 17px);
        font-size: 16pt;
        font-family: '黑体';
        color: #c2c2c2;
    }

    div ::-webkit-scrollbar {
        /*滚动条整体*/
        width: 8px;
        height: 8px;
        border-radius: 5px;
    }
    div ::-webkit-scrollbar-track {
        /*滚动条轨道*/
        background: #e3e3e3;
        border-radius: 2px;
    }
    div ::-webkit-scrollbar-thumb {
        /*滚动条里面的滑块*/
        background: #d1d1d1;
        border-radius: 2px;
    }
    div ::-webkit-scrollbar-thumb:hover {
        /*滚动条鼠标事件，鼠标放上去出现的事件*/
        background: #a8a8a8;
    }
    div ::-webkit-scrollbar-corner {
        /*滚动条边角*/
        background: #a8a8a8;
    }

</style>
<link href="/assets/addons/fastflow/plugins/card/card.css" rel="stylesheet" type="text/css"/>
<link rel="stylesheet" type="text/css" href="/assets/addons/fastflow/plugins/select/css/cs-select.css" />
<link rel="stylesheet" type="text/css" href="/assets/addons/fastflow/plugins/select/css/cs-skin-elastic.css" />

<div class="ebill-toolbar" id="ebill-toolbar">
    <div class="btn-group">
        <section>
            <select id="bill-select" class="cs-select cs-skin-elastic">
                {volist name="bills" id="bill"}
                <option value="{$bill.id}">{$bill.bill_name}</option>
                {/volist}
            </select>
        </section>
        <a id="add-ebill" href="javascript:;" class="btn btn-sm btn-info {:$auth->check('fastflow/flow/ebill/add')?'':'hide'}" title="添加表单" style="border-radius: 3px;"><i class="fa fa-plus"></i> 添加表单</a>
        <a id="refresh-ebill" href="javascript:;" class="btn btn-sm btn-success" title="刷新" style="border-radius: 3px;"><i class="fa fa-refresh"></i> 刷新</a>
    </div>
</div>
<div class="ebill-list">
    <div class="contenedorCards" id="contenedorCards">

    </div>
    <span class="empty-hint">无电子表单</span>
</div>
<script id="itemTpl" type="text/html">
    <% for(var i=0; i<list.length; i++){ %>
    <div class="card">
        <div class="wrapper">
            <div class="imgProd" data-id="<%=list[i].id%>" data-title="<%=list[i].title%>" style='background-image:url("<%=list[i].thumbnail%>");background-size: 100% 100%'></div>
            <div class="infoProd">
                <p class="extraInfo"><%=list[i].info%></p>
                <div class="actions">
                    <div class="preciosGrupo">
                        <p class="precio precioProd"><%=list[i].title%></p>
                    </div>
                    <div class="action aFavs">
                        <a href="javascript:;" class="btn btn-xs btn-info-light"><i class="fa fa-file-word-o"> Word</i></a>
                    </div>
                    <div class="action preview-btn">
                        <a href="javascript:;" class="btn btn-xs btn-warning">点击预览</i></a>
                    </div>
                    <div class="action toolbar">
                        <a href="javascript:;" class="btn btn-xs btn-success ebill-edit {:$auth->check('fastflow/flow/ebill/edit')?'':'hide'}" data-id="<%=list[i].id%>"><i class="fa fa-edit"></i></a>
                        <a href="javascript:;" class="btn btn-xs btn-danger ebill-trash {:$auth->check('fastflow/flow/ebill/del')?'':'hide'}" data-id="<%=list[i].id%>"><i class="fa fa-remove"></i></a>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <% } %>
</script>
